<template>
	<div>
		<div class="title">选择服务</div>
		<div class="check_box">
		<div class="check_box_right">
			<div class="img_head">
				<img src="../../assets/奖牌.png"/>
			</div>
			<div class="text_wen">
				<p>王家里 </p>
				<p><span>几段</span></p>
			</div>
		</div>	
	</div>
	<div class="ser_text" @click="Selection">
		<p>选择报名方式<span>个人报名</span></p>
	</div>
		
		
	<div class="service_text">
		<p>选择组别<span>少儿组：￥200</span></p>
	</div>	
		
	</div>
</template>

<script>
	export default{
		data:function(){
			return{
			}
		},
		methods:{
			Selection:function(){
				this.$router.push({path:'/Selection'})		
			}
		}
	}
	
	
</script>

<style scoped="scoped">
	* {
		padding: 0;
		margin: 0;
		outline: none;
		border: none;
	}
	
	.title{
		font-size: 0.36rem;
		width: 100%;
		height: auto;
		height: 0.5rem;
		color: black;
		font-family: "微软雅黑";
		font-weight: bold;
		line-height: 0.7rem;
		/*background-color:darkslategrey;*/
		text-align: center;
	}
	.check_box{
		width: 100%;
		height: 1.5rem;
		margin-top: 0.2rem;
		/*border-bottom: solid #808080 1px;*/
	}
	.check_box_left{
		width: 20%;
		height: 1.5rem;
		float: left;
		text-align: center;
	}
	.check_box_right{
		width: 80%;
		height: 1.5rem;
		float: left;
		position: relative;
	}
	.img_head{
		width: 30%;
		height: 1.5rem;
		float: left;
		margin-left: 0.5rem;
		
	}
	.img_head img{
		width: 60%;
		height: 1rem;
		margin-top: 0.25rem;
		border: solid #CCCCCC 1px;
	}
	.text_wen{
		width: 60%;
		height:1.5rem;
		float: left;
		font-size: 0.3rem;
	}
	.text_wen p{
		color: black;
		/*line-height: 0.6rem;*/
		margin-top: 0.2rem;
	}
	.text_wen p span{
		color: #808080;
		font-size: 0.3rem;
	}
	.ser_text{
		width: 100%;
		height: 1rem;
		border-bottom: 1px solid #808080;
		font-size: 0.3rem;
		text-align: left;
		line-height: 1rem;
		background-image: url(../../assets/箭头.png);
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 0.4rem 0.4rem;
	}
	.ser_text p{
		margin-left: 0.5rem;
	}
	.ser_text p span{
		margin-left: 3.1rem;
		color: #CCCCCC;
	}
	.service_text{
		width: 100%;
		height: 1rem;
		border-bottom: 1px solid #808080;
		font-size: 0.3rem;
		text-align: left;
		line-height: 1rem;
		background-image: url(../../assets/箭头.png);
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 0.4rem 0.4rem;
	}
	.service_text p{
		margin-left: 0.5rem;
	}
	.service_text p span{
		margin-left: 2.89rem;
		color: #CCCCCC;
	}
	
	
	
	
	
</style>